import React from 'react';
import { Database, Plus, Upload, FileText } from 'lucide-react';

const DataCollection = () => {
  return (
    <div className="p-6">
      <div className="mb-6">
        <h1 className="text-2xl font-bold text-gray-900">数据收集</h1>
        <p className="text-gray-600">碳排放数据录入和管理</p>
      </div>
      
      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
        <div className="bg-white p-6 rounded-lg shadow-md">
          <Database className="h-12 w-12 text-blue-600 mb-4" />
          <h3 className="text-lg font-semibold mb-2">能源数据</h3>
          <p className="text-gray-600 mb-4">电力、燃气、燃油等能源消耗数据</p>
          <button className="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700">
            录入数据
          </button>
        </div>
        
        <div className="bg-white p-6 rounded-lg shadow-md">
          <FileText className="h-12 w-12 text-green-600 mb-4" />
          <h3 className="text-lg font-semibold mb-2">生产数据</h3>
          <p className="text-gray-600 mb-4">生产活动、工艺流程相关数据</p>
          <button className="w-full bg-green-600 text-white py-2 rounded-lg hover:bg-green-700">
            录入数据
          </button>
        </div>
        
        <div className="bg-white p-6 rounded-lg shadow-md">
          <Upload className="h-12 w-12 text-purple-600 mb-4" />
          <h3 className="text-lg font-semibold mb-2">批量导入</h3>
          <p className="text-gray-600 mb-4">Excel/CSV文件批量导入</p>
          <button className="w-full bg-purple-600 text-white py-2 rounded-lg hover:bg-purple-700">
            上传文件
          </button>
        </div>
      </div>
    </div>
  );
};

export default DataCollection; 